<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>列表页</title>
    <link rel="stylesheet" href="css/page1.css">
    <link rel="stylesheet" href="css/idangerous.swiper.css">
</head>
<body>
<!--头部-->
<div class="header">
    <div class="centerArea">
        <div class="header_one">
            <a href="#"><img src="img/logo.png" srcset="img/logo@2x.png 2x,img/logo@3x.png 3x" class="logo"></a>
            <div class="header_one-right">
                <a class="layer">学校门户</a><a class="layer">邮箱登录</a><a class="layer">English</a>
                <div class="header_search">
                    <form action="#"><input type="text" placeholder="搜索"><input type="submit" value="" style="background:url('./img/icon-search.png') no-repeat"></input></form>
                </div>
            </div>
        </div>
        <div class="header_two">
            <ul class="first-ul">
                <li class="first-ulli"><a href="#">首页</a></li>
                <li class="first-ulli"><a href="#">实验室概况</a>
                </li>
                <li class="first-ulli"><a href="#">技术研发</a></li>
                <li class="first-ulli"><a href="#">研究团队</a>
                    <ul class="second-ul">
                        <span class="tim"></span>
                        <li class="second-ulli"><a href="javascript:void(0);">
                            技术评估与标准化研究所
                        </a></li>
                        <li class="second-ulli"><a href="javascript:void(0);">
                            配套材料研究所
                        </a></li>
                        <li class="second-ulli"><a href="javascript:void(0);">
                            检测与大数据所
                        </a></li>
                        <li class="second-ulli"><a href="javascript:void(0);">
                            技术装备研究所
                        </a></li>
                        <li class="second-ulli"><a href="javascript:void(0);">
                            关键材料研究所
                        </a></li>
                        <li class="second-ulli"><a href="javascript:void(0);">
                            源头过程控制所
                        </a></li>
                    </ul>
                </li>
                <li class="first-ulli"><a href="#">社会服务</a></li>
                <li class="first-ulli"><a href="#">合作交流</a></li>
                <li class="first-ulli"><a href="#">资料下载</a></li>
                <li class="first-ulli"><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!--轮播图图片-->
<div class="swiper1">
    <a href="javascript:void(0);"><img src="./img/slide.jpg" alt=""></a>
</div>
<!--新闻详情页面-->
<div class="max-wrap">
        <div class="centerArea">
            <div class="nav">
                <div class="nav-title"><span class="title-font">实验室概况</span></div>
                <div class="nav-table">
                    <ul class="table-wrap">
                        <li class="fir-class"><span class="gt"></span><a href="javascript:void(0);" class="fir-title">实验室简介</a>
                            </li>
                        <li class="fir-class"><span class="gt"></span><a href="javascript:void(0);" class="fir-title">组织结构</a>
                            </li>
                        <li class="fir-class"><span class="gt"></span><a href="javascript:void(0);" class="fir-title">技术委员会</a>
                            </li>
                        <li class="fir-class"><span class="gt"></span><a href="javascript:void(0);" class="fir-title">理事会</a>
                           </li>
                        <li class="fir-class"><span class="gt"></span><a href="javascript:void(0);" class="fir-title">实验室章程</a>
                            <ul class="li-wrap">
                                <li class="sec-class"><span class="yd"></span><a href="javascript:void(0);" class="sec-title">技术委员会章程
                                    </a>
                                    </li>
                                <li class="sec-class"><span class="yd"></span><a href="javascript:void(0);" class="sec-title">理事会章程</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="wrap-right">
                <div class="right-top">
                    <div class="navigation">
                        <a href="javascript:void(0);" class="fir-center">首页</a>
                        <a href="javascript:void(0);" class="sec-center">&gt;新闻公告</a>
                    </div>
                    <div class="title">实验室简介</div>
                </div>
                <div class="right-bottom">
                    <ul class="newslist">
                        <li class="newslist-li"><span class="dot">
                        </span><a href="javascript:void(0);" class="newslist-title">
                            关于2017年暑假暂停心理咨询服务有关事项的通知
                        </a>
                            <span class="newslist-data">2017-05-11</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
</div>
<div class="clear_both"></div>
<!--footer-->
<div class="footer">
        <div class="centerArea">
            <div class="message">
                <span class="address">地址：广东省广州市番禺区大学城外环东路382号B4环境楼</span>
                <span class="addr-code">  510006</span>
                <span class="telphone">业务联系电话：020-39380516 </span>
                <span class="email">邮件：zhangli2017@scut.edu.cn</span>
            </div>
            <div class="team-wrap">
                <select name="team" id="team"  class="team">
                    <option value="develop" selected>开发团队</option>
                </select>
            </div>
            <div class="other-wrap">
                <select name="other" id="other"  class="other">
                    <option value="one" selected>其他单位</option>
                </select>
            </div>
            <div class="wx-logo">
                <a href="javascript:void (0)" class="logo"></a>
                <a href="javascript:void(0)" class="QR-code"></a>
            </div>
        </div>
    </div>
</body>
</html>